<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="shortcut icon" href="img/favicon.ico">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head> 

	<body>
		<nav class="navbar navbar-default navbar-static-top">
			<div class="container">
				<!--移动端导航-->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
			            <span class="sr-only">Toggle navigation</span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			            <span class="icon-bar"></span>
			          </button>
					<a class="navbar-brand" href="#"><img src="img/logo.png" /></a>
				</div>
				<div id="navbar" class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="#about">游戏案例</a>
						</li>
						<li class="active">
							<a href="team.html">BLUEJ团队</a>
						</li>

						<li>
							<a href="about.html">关于我们</a>
						</li>
						
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
							<ul class="dropdown-menu">
								<li>
									<a href="#">简体中文</a>
								</li>
								<li>
									<a href="#">繁體中文</a>
								</li>
								<li>
									<a href="#">English</a>
								</li>
								<!--<li role="separator" class="divider"></li>-->
								<!--<li class="dropdown-header">Nav header</li>-->

							</ul>
						</li>
					</ul>
				</div>
				<!--/.nav-collapse -->
			</div>
		</nav>
		<div id="myCarousel" class="carousel slide">
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol>
			<!-- 轮播（Carousel）项目 -->
			<div class="carousel-inner">
				<div class="item active">
					<img src="img/team.jpg" class="img-responsive" alt="First slide">
				</div>
				<div class="item">
					<img src="img/team.jpg" class="img-responsive" alt="Second slide">
				</div>
				<div class="item">
					<img src="img/team.jpg" class="img-responsive" alt="Third slide">
				</div>
			</div>
			<!-- 轮播（Carousel）导航 -->
			<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
				<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
				<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
		<div class="container team">
			<h2>师资团队</h2>
			<div class="row">
				<div class="col-sm-6">
					<div class="row">
						<div class="col-sm-5 col-sm-offset-1  boss">
							<img src="img/bgg.jpg" class="img-responsive"/>
						</div>
						<div class="col-sm-6 text">
							<h3>何瑞宝</h3>
							<h5>技术总监</h5>
							<p>
								超过10年技术开发经验，精通PHP、Javascript、XML、HTML5、CSS3、Python、Java、C#.擅长MySQL和SQLServer数据库与设计，主导客户系统框架架构以及服务器架设，大数据处理分析，一直服务东风日产，南方航空等注重CRM系统开发的客户，同时精于H5游戏以及APP开发。
							</p>
						</div>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="row">
						<div class="col-sm-5 col-sm-offset-1 boss">
							<img src="img/team4.png" class="img-responsive"/>
						</div>
						<div class="col-sm-6 text">
							<h3>李阳</h3>
							<h5>创意总监</h5>
							<p>
								拥有9年以上广告经验，先后任职于麦肯光明，盛世长城，华扬联众，蓝门数字营销等知名4A广告公司，担任创意总监一职。
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		<section>
			<div class="container teamgroup">
				<div class="row">
					<div class="col-sm-4">
						<div class="row">
							<div class="col-sm-6 col-sm-offset-3 boss">
								<img src="img/team3.png"/>
							</div>
							<div class="col-sm-6 col-sm-offset-3 text">
								<h3>谭家兴</h3>
								<h5>客户总监</h5>
								<p>
									超过10年媒体及互联网策划经验，擅长消费者洞察及品牌策略营销，有着超强的执行力与策划能力
								</p>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="row">
							<div class="col-sm-6 col-sm-offset-3 boss">
								<img src="img/team2.png"/>
							</div>
							<div class="col-sm-6 col-sm-offset-3 text">
								<h3>陈国钧</h3>
								<h5>设计经理</h5>
								<p>
									拥有8年以上广告经验，先后任职于麦肯光明，盛世长城，华扬联众，蓝门数字营销等知名4A广告公司。
								</p>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="row">
							<div class="col-sm-6 col-sm-offset-3 boss">
								<img src="img/team1.png"/>
							</div>
							<div class="col-sm-6 col-sm-offset-3 text">
								<h3>罗 云</h3>
								<h5>大数据分析师</h5>
								<p>拥有8年以上广告经验，先后任职于麦肯光明，盛世长城，华扬联众，蓝门数字营销等知名4A广告公司。
								</p>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="row">
							<div class="col-sm-6 col-sm-offset-3 boss">
								<img src="img/team3.png"/>
							</div>
							<div class="col-sm-6 col-sm-offset-3 text">
								<h3>谭家兴</h3>
								<h5>客户总监</h5>
								<p>
									超过10年媒体及互联网策划经验，擅长消费者洞察及品牌策略营销，有着超强的执行力与策划能力
								</p>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="row">
							<div class="col-sm-6 col-sm-offset-3 boss">
								<img src="img/team2.png"/>
							</div>
							<div class="col-sm-6 col-sm-offset-3 text">
								<h3>陈国钧</h3>
								<h5>设计经理</h5>
								<p>
									拥有8年以上广告经验，先后任职于麦肯光明，盛世长城，华扬联众，蓝门数字营销等知名4A广告公司。
								</p>
							</div>
						</div>
					</div>
					<div class="col-sm-4">
						<div class="row">
							<div class="col-sm-6 col-sm-offset-3 boss">
								<img src="img/team1.png"/>
							</div>
							<div class="col-sm-6 col-sm-offset-3 text">
								<h3>罗 云</h3>
								<h5>大数据分析师</h5>
								<p>拥有8年以上广告经验，先后任职于麦肯光明，盛世长城，华扬联众，蓝门数字营销等知名4A广告公司。
								</p>
							</div>
						</div>
					</div>
					
				</div>
			</div>
		</section>
		<footer>
			<div class="container">
				<div>
					<div class="col-sm-8 col-xs-12">
						<ul class="list-inline">
							<li>
								<a href="">公司简介</a>
							</li>
							<li>
								<a href="">联系方式</a>
							</li>
							<li>
								<a href="">人才招聘</a>
							</li>
						</ul>
						<p>All Copyright Reserved by BlueJ Inc. 京ICP备15008163号-1 </p>
					</div>
					<div class="col-xs-4">
						<div class="row talk">
							<div class="col-xs-4 "><img src="img/foot1.png" alt="" class="img-responsive" /></div>
							<div class="col-xs-4  col-md-pull-2"><img src="img/foot2.png" alt="" class="img-responsive" /></div>
							<div class="col-xs-4  col-md-pull-4"><img src="img/foot3.png" alt="" class="img-responsive" /></div>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<div class="list">
			<ul>
				<li id="wechat">
					<a href="">
						<img src="img/wechat1.png" alt="" />
						<img src="img/wechat2.png"/>
						<img src="img/ER.jpg"/>
					</a>
				</li>
				<li id="QQ">
					<a href="">
						<div class="hides" id="qq">
							<div class="hides" id="p1">
								<img src="img/QQ2.png">
							</div>
							<div class="hides" id="p2">
								<span>2903359018</span>
							</div>
						</div>
						<img src="img/QQ1.png" class="shows">
					</a>
				</li>
				<li id="TEl">
					<a href="">
						<div class="hides" id="tel">
							<div class="hides" id="tel1">
								<img src="img/tel2.png">
							</div>
							<div class="hides" id="tel2">
								<span>020-80739563</span>
							</div>
						</div>
						<img src="img/tel1.png" class="shows">
					</a>
				</li>
				<li id="btn">
					<a id="top_btn">
						<div class="hides">
							<img src="img/returnTop.png">
						</div>
						<img src="img/return.png"  class="shows">
					</a>
				</li>
			</ul>
		</div>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script type="text/javascript">
			$('#myCarousel').carousel({
				interval: 3000
			})
			$('#myCarousel2').carousel({
				interval: 4000
			})
		</script>
	</body>

</html>